::v-deep .uni-list{
	.uni-list-item{
		font-size: 2.2rem!important;
	}
} 

::v-deep .uni-input-wrapper{
    font-size: 2.4rem;
    line-height: 6.8rem;
    .uni-input-placeholder,.uni-easyinput__placeholder-class {
       font-size: 2.4rem!important;
       line-height: 6.8rem;
     }
  }
::v-deep.uni-textarea-wrapper {
  font-size: 2.4rem;

  .uni-textarea-compute,
  .uni-textarea-placeholder,
  .uni-textarea-textarea {
    font-size: 2.4rem!important;
  }
}

uni-modal{
	z-index: 99999!important;
}
::v-deep .uni-select{
  .uni-select--mask{
    z-index: 10;
  }
  .uni-select__selector{
    z-index: 11!important;
  }
}
::v-deep .uni-select__selector-item{
  color: #333;
}

.custom-u-modal {
    flex: 0;
    ::v-deep .u-transition.u-fade-enter-to.u-fade-enter-active{
      z-index: 99999!important;
    }
    ::v-deep .u-transition.u-fade-zoom-enter-to.u-fade-zoom-enter-active{
      z-index: 999999!important;
    }
    ::v-deep .uni-easyinput {
    
      .uni-input-wrapper,
      .uni-input-placeholder,
      input {
        font-size: 2.4rem;
      }
    }
    ::v-deep .vip-code-input {
      width: 100%;
      text-align: center;

      .uni-input-wrapper,
      .uni-input-placeholder,
      input {
        font-size: 2.4rem;
      }

      .hint {
        font-size: 1.8rem;
        margin-top: 2rem;
      }
    }

    ::v-deep .u-modal {
      // width: 35vw !important;

      .u-modal__title {
        font-size: 3rem;
        color: #333;
      }

      .u-modal__content {
        font-size: 3rem;
        padding: 4rem !important;
        min-height: 15vh;

        .u-modal__content__text {
          font-size: 3rem;
          line-height: 4rem;
        }
      }

      .u-modal__button-group__wrapper {
        height: 7rem;

        .u-modal__button-group__wrapper__text {
          font-size: 3rem;
        }

        &.u-modal__button-group__wrapper--cancel {}
      }
    }
  }
  

.full-height{
  height: 100%;
}
.full-width{
  width: 100%;
}

.cuIcon-roundaddfill.add-icon{
  margin-right: 1rem;
  font-size: 2.4rem;
  font-weight: normal;
}
/* 自定义居中弹出层关闭按钮 */
.custom-center-popup{
   ::v-deep .button-box{
     justify-content: space-around;
   }
	 .popup-title{
		 padding: 3rem 2rem;
	 }
   ::v-deep .bx-form{
     overflow: hidden;
     max-height: 85rem;
     overflow-y: scroll;
     .a-form{
     }
   }
  ::v-deep .u-popup__content__close.u-popup__content__close--top-right{
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    border-radius: 50%;
    background-color: #333;
    .u-icon__icon {
      font-weight: bold;
      color: #fff !important;
      font-size: 1.5rem !important;
    }
  }
}

/* 自定义从右向左弹出层关闭按钮 */
.custom-right-popup {
    ::v-deep .u-popup__content__close.u-popup__content__close--top-right {
      width: 8rem;
      height: 8rem;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff !important;
      border-radius: 50%;
      border: 1px solid #f2f2f2;
      top: 50%;
      left: calc(-25rem - 4rem);

      .u-icon__icon {
        font-weight: bold;
        color: #333 !important;
        font-size: 5.2rem !important;
      }
    }
}

  .popup-title {
    padding: 2rem;
    font-size: 3rem;
    font-weight: bold;
  }

.u-popup{
  ::v-deep .a-form{
    @media screen and (min-width: 1200px) {
      display: flex;
      flex-wrap: wrap;
      .field-item:not(.hidden){
        border-radius: 1rem;
        min-width: calc(100% - 1rem);
        margin-right: 1rem;
        border: none;
        .form-item{
          &.flex-column{
            .form-item-content{
              border: 1px solid transparent;
               
            }
          }
          // .uni-select{
          //   border: none;
          // }
          .form-item-content{
            border-radius: 1rem;
            // padding: 1rem;
            // border: 1px solid #f1f1f1;
            .textarea .textarea-content{
              border-radius: 1rem;
            }
          }
        }
      }
    }
  }
}

.form-item {
  
::v-deep .form-item-label {
  min-width: 13rem !important;
  padding-right: 2rem!important;
}
::v-deep .form-item-content{
  padding-right: 2rem;
}
 ::v-deep .u-upload{
    flex-direction: row;
  }
}

/* 按钮基础样式 */
  
  .flex-1{
    flex: 1;
  }
  // .button[disabled]{
  //   opacity: 0.7;
  // }

 /* 按钮 */
  .button {
    background-color: $retail-color-primary;
    font-size: $retail-font-size-sm;
    color: #fff;
    border-radius: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    min-width: 15rem;
    min-height: 5vh;
    padding: 0 1rem;
    &[disabled]{
      opacity: 0.7;
    }
    &.button-hover{
      opacity: 0.7;
      transform: translate(1px, 1px);
    }
    &.round{
      border-radius: 5rem;
    }
    &.radius{
      border-radius: 1rem;
    }
    &.sm{
      min-width: 8rem;
      font-size: 2rem;
      min-height: 4rem;
    }
    &.xl{
      line-height: 6.8rem;
      min-height: 6.8rem;
    }
    &.lg{
      // width: 80%;
      font-size: $retail-font-size-base;
      height: 8rem;
      // display: flex;
      align-items: center;
      // justify-content: center;
      padding-left: 4rem;
      padding-right: 4rem;
      margin-left: 2rem;
      text-align: center;
      &:first-child{
        margin-left: 0;
      }
      &.normalsize{
        width: auto;
        padding-left: 2rem;
        padding-right: 2rem;
        min-width: 20rem;
      }
    }
  
    &.full{
      width: 100%;
    }
    &.w-half{
      max-width: 50%;
      flex: 1;
    }
    &::after {
      border: none;
    }

    
    &.line-white {
      min-width: 15rem;
      background-color: #f5f5f5;
      color: #333;
      border: 1px solid rgba(0, 0, 0, .2);
    }
    
    &.bg{
      &-red{
        background-color: $uni-color-error;
        color: #fff;
        border-color:  $uni-color-error;
      }
    }
    &.light {
      background-color: $retail-color-primary-light;
      color: #333;
      &.border{
        border: 1px solid $retail-color-primary;
      }
    }
    
    .icon{
      width: 3rem;
      height: 3rem;
      font-size: 2.4rem;
      font-weight: normal;
    }
  }
  
  /* 颜色 */
  .bg{
    &-d{
      &5{
       background-color: #d5d5d5; 
      }
    }
    &-f{
      &5{
        background-color: #f5f5f5;
        color: #333;
      }
    }
  }
  .text-black{
    color: #000;
  }
  
  
  /**
   * 边距
   */
  .margin{
    &-top{
      margin-top: 1rem;
      &-l{
        margin-top:1.5rem;
      }
      &-lg{
        margin-top:2rem;
      }
      &-xl{
        margin-top:4rem;
      }
      &-2xl{
        margin-top:6rem;
      }
      &-3xl{
        margin-top:8rem;
      }
    }
    &-left{
      margin-left:1rem;
       &-l{
         margin-left:1.5rem;
       }
       &-lg{
         margin-left:2rem;
       }
       &-xl{
         margin-left:4rem;
       }
       &-2xl{
         margin-left:6rem;
       }
       &-3xl{
         margin-left:8rem;
       }
    }
    &-right{
      margin-right:1rem; 
      &-l{
        margin-right:1.5rem;
      }
      &-lg{
        margin-right:2rem;
      }
      &-xl{
        margin-right:4rem;
      }
      &-2xl{
        margin-right:6rem;
      }
      &-3xl{
        margin-right:8rem;
      }
    }
   
  }
  
  
  .padding{
    padding:.5rem 1rem ;
  }
     
  .bg-green{
    color: #fff;   
    background-color: $retail-color-primary;
    &.light{
      background-color: $retail-color-primary-light;
      color: #000;
    }
  }
  .text-green{
    color: $retail-color-primary;   
  }
  
  .w-full{
    width: 100%;
  }
  .disabled{
    pointer-events: none;
    opacity: 0.9;
    filter: grayscale(100%);
  }
  /* #ifndef APP-NVUE */
  // 由于uView是基于nvue环境进行开发的，此环境中普通元素默认为flex-direction: column;
  // 所以在非nvue中，需要对元素进行重置为flex-direction: column; 否则可能会表现异常
  // view, scroll-view, swiper-item {
  // 	display: flex;
  // 	flex-direction: column;
  // 	flex-shrink: 0;
  // 	flex-grow: 0;
  // 	flex-basis: auto;
  // 	align-items: stretch;
  // 	align-content: flex-start;
  // }
  /* #endif */
  
  // 滚动条样式
  .show-y-scroll-bar{
    overflow-y: auto;  
    overflow-x: auto;
  }

 /deep/ .show-y-scroll-bar::-webkit-scrollbar {
   /*滚动条整体样式*/
   width: 1rem !important;
   height: 1rem !important;
   overflow: auto !important;
   background: transparent !important;
   -webkit-appearance: auto !important;
   display: block;
   border-radius: 1rem;
 }
 /deep/ .show-y-scroll-bar::-webkit-scrollbar-thumb {
   /*滚动条里面小方块*/
   border-radius: 1rem !important;
   // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
   background: #969696 !important;
 }

 /deep/ .show-y-scroll-bar::-webkit-scrollbar-track {
   /*滚动条里面轨道*/
   // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
   // border-radius: 10px !important;
   background:transparent!important;
 }
 
 ::v-deep .uni-picker-container.uni-time-select{
   z-index: 10000!important;
 }